<!doctype html>
<!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>attributes</title>
	<meta name="description" content="" />
	<meta name="author" content="Y.Nishimura@Office L / nishimuray@gmail.com" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

	<link rel="stylesheet" href="css/style.css?v=1" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script>!window.jQuery && document.write('<script src="js/jquery-1.6.1.js"><\/script>')</script>
	<script type="text/javascript" src="js/script.js"></script>
</head>
<body>

<span id="sp" value="これはvalue" test="こんなプロパティはない">このテキストの</span>

<input type="button" value="testの値" id="t1">
<input type="button" value="test2の値" id="t2">
<input type="button" value="test3の値" id="t3">

<input type="text" value="これはいける" id="test3" />
<input type="button" value="set test 3" id="t3btn" />

<input type="button" value="valueの値" id="v1">

<div id="log"></div>

<hr />

<p>.prop() と val()の扱いがバージョンによって変わってくるので注意。</p>
<p>value プロパティを、そもそも value プロパティを持ってない要素に持たせていると、1.6.1で取得できなくなる。</p>

<script type="text/javascript">
<!-- 
$(function() {

	$("#t1").click(function(){
		$("#log").append( 'test=' + $('#sp').attr("test") + '<br/>');
	});
	$("#t2").click(function(){
		$("#log").append( 'test2=' + $('#sp').attr("test2") + '<br/>');
	});
	$("#t3").click(function(){
		$("#log").append( 'test3=' + $('#sp').attr("test3") + '<br/>');
	});
	$("#t3btn").click(function(){
		v = $("#test3").val();
		$('#sp').attr("test3",v);
	});
	$("#v1").click(function(){
		$("#log").append( 'value=' + $('#sp').attr("value") + '<br/>');
	});
	
	$("#sp").click(function(){
		$("#log").append( 'test='  + $(this).attr("test") + '<br/>');
		$("#log").append( 'test2=' + $(this).attr("test2") + '<br/>');
		$("#log").append( 'test3=' + $(this).attr("test3") + '<br/>');
		$("#log").append( 'value=' + $(this).attr("value") + '<br/>');	// 1.6.1 だと undef

		$("#log").append( 't1=' + $('#t1').attr("value") + '<br/>');	// バージョンに関係なくOK
	});
	
});
// -->
</script>

</body>
</html>
